<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <script src="../../js/index.js"></script>
    <link rel="stylesheet" href="../../common/moblie-reset.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/user.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="back-button">
            <h2>Back</h2>
        </div>

        <div class="middle">
            <h2>我的</h2>
        </div>

        <div class="select">
            <img src="../images/32.png" alt="信封">
            <button>2</button>
        </div>
    </header>

    <div class="user-wrap">
        <div class="user-wrap-img">
            <img src="../images/33.png" alt="tuxiang">


            <div class="user-wrap-text">
                <h2>点击登陆</h2>
                <p>常居地未设置</p>
            </div>
        </div>

        <div class="user-wrap-right">
            <p> > </p>
        </div>
    </div>

    <div class="user-news">
        <div class="box1">
            <div class="box1-img"></div>
            <P>我的点评</P>
        </div>
        <div class="box2">
            <div class="box2-img"></div>
            <P>我的收藏</P>
        </div>
        <div class="box3">
            <div class="box3-img"></div>
            <P>我的优惠券</P>
        </div>
    </div>

    <div class="user-handle">
        <!-- 1 -->
        <div class="user-handle-top">
            <div class="user-handle-left">
                <div class="logo-1"></div>
                <p>我的钱包</p>
            </div>

            <div class="user-handle-right">
                <p>更多</p>
                <div class="logo-2"></div>
            </div>
        </div>
        <!-- 2 -->
        <div class="user-handle-top">
            <div class="user-handle-left">
                <div class="logo-1"></div>
                <p>我的钱包</p>
            </div>

            <div class="user-handle-right">
                <p>更多</p>
                <div class="logo-2"></div>
            </div>
        </div>

        <!-- 3 -->
        <div class="user-handle-top">
            <div class="user-handle-left">
                <div class="logo-1"></div>
                <p>我的钱包</p>
            </div>

            <div class="user-handle-right">
                <p>更多</p>
                <div class="logo-2"></div>
            </div>
        </div>

        <!-- 4 -->
        <div class="user-handle-top">
            <div class="user-handle-left">
                <div class="logo-1"></div>
                <p>我的钱包</p>
            </div>

            <div class="user-handle-right">
                <p>更多</p>
                <div class="logo-2"></div>
            </div>
        </div>
        <!-- 5 -->
        <div class="user-handle-bottom">
            <div class="user-handle-bottom-left">
                <div class="logo-3"></div>
                <p>设置</p>
            </div>
            <div class="user-handle-bottom-right">
                <p>更多</p>
                <div class="logo-4"></div>
            </div>
        </div>
        <!-- 6 -->
        <div class="user-handle-bottom">
            <div class="user-handle-bottom-left">
                <div class="logo-3"></div>
                <p>设置</p>
            </div>
            <div class="user-handle-bottom-right">
                <p>更多</p>
                <div class="logo-4"></div>
            </div>
        </div>

    </div>

    <div class="user-button">
        <button>退出</button>
        <button>注销</button>
    </div>


    <!-- 底部导航栏 -->
    <div>
        <div style="height: .62rem;">
            <div class="nav-bottom">
                <ul>
                    <li>
                        <a href="../作业/index.html">
                            <div class="picture-1"></div>
                            <h2>首页</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/sort.html">
                            <div class="picture-2"></div>
                            <h2>分类</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/find.html">
                            <div class="picture-3"></div>
                            <h2>发现</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/user.html">
                            <div class="picture-4"></div>
                            <h2>我的</h2>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>